<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui" >

    
    <h:head>
       <title>Transaction Files Search</title>
       <h:outputStylesheet library="#{localeBean.currentLocale}/css" name="style.css" />
    </h:head>
	<h:body>
        <ui:composition template="/template/masterTemplate.xhtml">
		<ui:define name="content">
			<h:form prependId="false" id="searchForm">
			 <p:growl id="growl" showDetail="true"/>  
			 <p:panel header="#{msgs['trnsctionFile.label.title']}">
				
				<h:panelGrid columns="4" >
					<p:outputLabel value="#{msgs['trnsctionFile.label.transNo']}" />
					<p:inputText value="#{transactionFileSearchBean.searchCriteria.transactionNumber}" id="searchTransNo"
						required="true"  requiredMessage="#{msgs['err.required']} #{msgs['trnsctionFile.label.transNo']}"/>
					
					<p:outputLabel value="#{msgs['trnsctionFile.label.realtyNo']}" />
					<p:inputText value="#{transactionFileSearchBean.searchCriteria.realtyNumber}" />
				
					<p:outputLabel value="#{msgs['trnsctionFile.label.realRegstNo']}" />
					<p:inputText value="#{transactionFileSearchBean.searchCriteria.realtyRegistrationNumber}" />
					
					<p:outputLabel value="#{msgs['trnsctionFile.label.docType']}" />
					<p:selectOneMenu value="#{transactionFileSearchBean.searchCriteria.documentType}">
						<f:selectItem itemValue="1" itemLabel="Transaction Documents" />
						<f:selectItem itemValue="2" itemLabel="Realty Registration" />
						<f:selectItem itemValue="3" itemLabel="Ownership Document" />
						<f:selectItem itemValue="4" itemLabel="Contracts and Records" />
						<f:selectItem itemValue="5" itemLabel="IDs" />
						<f:selectItem itemValue="6" itemLabel="Payment Invoice" />
					</p:selectOneMenu>
					
					<p:outputLabel value="#{msgs['trnsctionFile.search.label.transDate.from']}" />
					
                    <p:calendar value="#{transactionFileSearchBean.dateFrom}" locale="#{localeBean.currentLocale}" showButtonPanel="true" navigator="true" id="fromDate"/>          
					<p:outputLabel value="#{msgs['trnsctionFile.search.label.transDate.to']}" />
					<p:calendar value="#{transactionFileSearchBean.dateTo}" locale="#{localeBean.currentLocale}" showButtonPanel="true" navigator="true" id="toDate"/>          
					<p:commandButton value="#{msgs['btn.label.search']}" action="#{transactionFileSearchBean.getSearchResaultList}"  />
					<p:commandButton id="add" type="button" value="#{msgs['btn.label.add']}" onclick="PF('addDoc').show()" />  	
					</h:panelGrid>
					
					<p:dataTable id="searchResult" var="item" value="#{transactionFileSearchBean.searchResault}"  
		                 paginator="true" rows="10"  paginatorPosition="bottom" rowIndexVar="rowIndex"
		                 paginatorTemplate=" {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
		                 rowsPerPageTemplate="5,10,15">  
			  
			        <p:column width="10%">  
			            <f:facet name="header">  
			                <h:outputText value="#{msgs['realtydocument.lable.search.delete']}" />  
			            </f:facet>  
			            <p:commandButton action="#{transactionFileSearchBean.delete(rowIndex)}" value="#{msgs['realtydocument.lable.search.delete']}" update="@form" />
			        </p:column>
			        
			        <p:column width="10%">  
			            <f:facet name="header">  
			                <h:outputText value="#{msgs['realtydocument.lable.search.show']}" />  
			            </f:facet>  
			            <p:commandButton action="#{transactionFileSearchBean.viewDoc(rowIndex)}" value="#{msgs['realtydocument.lable.search.show']}"/>
			        </p:column>
			        
			        <p:column width="10%">  
			            <f:facet name="header">  
			                <h:outputText value="#{msgs['btn.label.edit']}" />  
			            </f:facet>  
			            <p:commandButton action="#{transactionFileSearchBean.viewDoc(rowIndex)}" value="#{msgs['btn.label.edit']}"/>
			        </p:column>
			        
			          <p:column>  
			            <f:facet name="header">  
			                <h:outputText value="#{msgs['trnsctionFile.label.transNo']}" />  
			            </f:facet>  
			             <h:outputText  value="#{item.transactionNumber}"/>
			        </p:column>
			        
			          <p:column>  
			            <f:facet name="header">  
			                <h:outputText value="#{msgs['trnsctionFile.label.realtyNo']}" />  
			            </f:facet>  
			             <h:outputText  value="#{item.realtyNumber}"/>
			        </p:column>
			        
			         <p:column>  
			            <f:facet name="header">  
			                <h:outputText value="#{msgs['trnsctionFile.label.realRegstNo']}" />  
			            </f:facet>  
			             <h:outputText  value="#{item.realtyRegistrationNumber}"/>
			        </p:column>
			        
			        </p:dataTable>
				
		                 
		               
					</p:panel>
					
				</h:form>
				<script>
				    PrimeFaces.locales ['ar_QA'] = {
				    closeText: 'إغلق',
				    prevText: 'إلى الخلف',
				    nextText: 'إلى الأمام',
				    currentText: 'بداية',
				    monthNames: ['ديسمبر', 'نوفمبر', 'أكتوبر', 'سبتمبر', 'أغسطس', 'يوليو', 'يونيو', 'مايو', 'ابريل', 'مارس', 'فبراير', 'يناير' ],
				    monthNamesShort: ['ديسمبر', 'نوفمبر', 'أكتوبر', 'سبتمبر', 'أغسطس', 'يوليو', 'يونيو', 'مايو', 'ابريل', 'مارس', 'فبراير', 'يناير' ],
				    dayNames: ['يوم الأحد‎', 'يوم الإثنين‎', 'يوم الثلاثاء‎', '‏يوم الأَرْبعاء‎', '‏يوم الخَمِيس‎', 'يوم الجُمْعَة‎‎', 'يوم السَّبْت'],
				    dayNamesShort: ['الأحد‎', 'الإثنين‎', 'الثلاثاء‎', 'الأَرْبعاء‎', 'الخَمِيس‎', 'الجُمْعَة‎‎', 'السَّبْت'],
				    dayNamesMin: ['الأحد‎', 'الإثنين‎', 'الثلاثاء‎', 'الأَرْبعاء‎', 'الخَمِيس‎', 'الجُمْعَة‎‎', 'السَّبْت'],
				    weekHeader: 'الأسبوع',
				    firstDay: 1,
				    isRTL: false,
				    showMonthAfterYear: false,
				    yearSuffix:'' ,
				    timeOnlyTitle: 'الوقت فقط' ,
				    timeText: 'الوقت' ,
				    hourText: 'ساعة',
				    minuteText: 'دقيقة',
				    secondText: 'ثانية',
				    ampm: false,
				    month: 'الشهر',
				    week: 'الأسبوع',
				    day: 'اليوم',
				    allDayText: 'سا ئراليوم'
				};
    </script>
		</ui:define>
	</ui:composition>
	</h:body>
</html>


